<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<style>
			*{	
				margin:0;
				padding:0;
			}
			body{
				background-image:url(images/mxcp1.jpg);
				background-repeat:no-repeat;
				background-position:0px -150px;
			}
			.web{
				float:left;
				margin-top:100px;
				margin-left:128px;
			}
			a{
				display:block;
				width:240px;
				height:102px;
				margin-bottom:10px;
				background-color:#fff;
			}
			.iframe{
				position:absolute;
				border:1px solid #fff;
				padding:5px;
				border-radius:5px;
				top:100px;
				left:420px;
			}
			img{
				max-width:100%;max-height:100%;
			}
			a.third{
				height:52px;
				padding-top:50px;
			}
		</style>
	</head>
	<body>
		<div class='web'>
			<a href='https://www.tmall.com/' target='web'><img src='images/1.png' width='480' height='260' alt=''></a>
			<a href='https://www.baidu.com/' target='web'><img src='images/2.png' width='540' height='258' alt=''></a>
			<a href='https://www.jd.com/' target='web' class='third'><img src='images/3.png' width='270' height='60' alt=''></a>
			<a href='http://www.sina.com.cn/' target='web'><img src='images/4.png' width='222' height='94' alt=''></a>
		</div>
		<div class='iframe'>
			<iframe frameborder='0' width='1060' height='605' src='https://map.baidu.com/' scrolling='yes' name='web'></iframe>
		</div>
	</body>
</html>
